<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="css/jd.css">
    <link rel="stylesheet" href="iconfont/iconfont.css">
</head>
<body>
    <!-- 顶部开始 -->
    <div class="top">
        <div class="inner w">
            <div class="position">
                <i class="iconfont icon-dingwei"></i>
                <a href="">深圳</a>
            </div>
            <div class="shotcut">
                <ul>
                    <li><a href="#">你好，请登录</a></li>
                    <li class="trg"><a href="#">免费注册</a></li>
                    <li class="line"></li>
                    <li><a href="#">我的订单</a></li>
                    <li class="line"></li>
                    <li><a href="#">我的京东</a><i class="iconfont icon-icon"></i></li>
                    <li class="line"></li>
                    <li><a href="#">京东会员</a></li>
                    <li class="line"></li>
                    <li><a href="#">企业采购</a></li>
                    <li class="line"></li>
                    <li><a href="#">客户服务</a><i class="iconfont icon-icon"></i></li>
                    <li class="line"></li>
                    <li><a href="#">网站导航</a><i class="iconfont icon-icon"></i></li>
                    <li class="line"></li>
                    <li><a href="#">手机京东</a></li>
                </ul>
            </div>
        </div>
    </div>
        <!-- 顶部结束 -->
        <!-- 头部开始 -->
    <div class="header w">
            <div class="logo"><h1> <a href="#">京东</a></h1></div>
            <div class="searchBar">
                <input type="text" placeholder="">
                <a href="#" class="iconfont icon-zhaoxiangji"></a>
                <a href="#" class="iconfont icon-fangdajing"></a>
            </div>
            <div class="buyCar">
                <a href="#">
                    <i class="iconfont icon-gouwuche"></i>
                    <b>我的购物车</b>
                    <i class="num">0</i>
                </a>
            </div>
            <div class="hotwords">
                <ul>
                    <li><a href="#">1.11元抢</a></li>
                    <li><a href="#">300减200</a></li>
                    <li><a href="#">农资爆品日</a></li>
                    <li><a href="#">5折嗨购</a></li>
                    <li><a href="#">5折秒杀</a></li>
                    <li><a href="#">黄金项链</a></li>
                    <li><a href="#">脸部卸妆油</a></li>
                    <li><a href="#">198减100</a></li>
                    <li><a href="#">罗汉果茶</a></li>
                </ul>
            </div>
            <div class="nav">
                <ul>
                    <li><a href="#">秒杀</a></li>
                    <li><a href="#">优惠券</a></li>
                    <li><a href="#">闪购</a></li>
                    <li><a href="#">拍卖</a></li>
                    <li class="line"></li>
                    <li><a href="#">服装城</a></li>
                    <li><a href="#">京东超市</a></li>
                    <li><a href="#">生鲜</a></li>
                    <li><a href="#">全球购</a></li>
                    <li class="line"></li>
                    <li><a href="#">京东金融</a></li>
                </ul>
            </div>
            <div class="QR">
                <img src="images/qr-code.png" alt="">
                <div class="angle"></div>
            </div>
            <div class="banner"><a href=""></a></div>
    </div>
<!-- 头部结束 -->

<!-- 背景图片开始 -->
    <div class="bg">
        <a href=""></a>
    </div>
   
<!-- 背景图片结束 -->
    <div class="main w">
        <div class="leftsidebar">
                <ul>
                        <li>
                            <a href="#">家用电器</a>
                        </li>
                        <li>
                            <a href="#">手机</a>
                            <span>/</span>
                            <a href="#">运营商</a>
                            <span>/</span>
                            <a href="#">数码</a>
                        </li>
                        <li>
                            <a href="#">电脑</a>
                            <span>/</span>
                            <a href="#">办公</a>
                        </li>
                        <li>
                            <a href="#">家居</a>
                            <span>/</span>
                            <a href="#">家具</a>
                            <span>/</span>
                            <a href="#">家装</a>
                            <span>/</span>
                            <a href="#">厨具</a>
                        </li>
                        <li>
                            <a href="#">美妆个性</a>
                            <span>/</span>
                            <a href="#">宠物</a>
                        </li>
                        <li>
                            <a href="#">女鞋</a>
                            <span>/</span>
                            <a href="#">运箱包</a>
                            <span>/</span>
                            <a href="#">钟表</a>
                            <span>/</span>
                            <a href="#">珠宝</a>
                        </li>
                        <li>
                            <a href="#">男装</a>
                            <span>/</span>
                            <a href="#">女装</a>
                            <span>/</span>
                            <a href="#">童装</a>
                            <span>/</span>
                            <a href="#">内衣</a>
                        </li>
                        <li>
                            <a href="#">男鞋</a>
                            <span>/</span>
                            <a href="#">运动</a>
                            <span>/</span>
                            <a href="#">户外</a>
                        </li>
                        <li>
                            <a href="#">汽车</a>
                            <span>/</span>
                            <a href="#">汽车用品</a>
                        </li>
                        <li>
                            <a href="#">母婴</a>
                            <span>/</span>
                            <a href="#">玩具乐器</a>
                        </li>
                        <li>
                            <a href="#">食品</a>
                            <span>/</span>
                            <a href="#">酒类</a>
                            <span>/</span>
                            <a href="#">生鲜</a>
                            <span>/</span>
                            <a href="#">特产</a>
                        </li>
                        <li>
                            <a href="#">礼品鲜花</a>
                            <span>/</span>
                            <a href="#">农资绿植</a>
                        </li>
                        <li>
                            <a href="#">医药保健</a>
                            <span>/</span>
                            <a href="#">计生情趣</a>
                        </li>
                        <li>
                            <a href="#">图书</a>
                            <span>/</span>
                            <a href="#">音像</a>
                            <span>/</span>
                            <a href="#">电子书</a>
                        </li>
                        <li>
                            <a href="#">机票</a>
                            <span>/</span>
                            <a href="#">酒店</a>
                            <span>/</span>
                            <a href="#">旅游</a>
                            <span>/</span>
                            <a href="#">生活</a>
                        </li>
                        <li>
                            <a href="#">理财</a>
                            <span>/</span>
                            <a href="#">众筹</a>
                            <span>/</span>
                            <a href="#">白条</a>
                            <span>/</span>
                            <a href="#">保险</a>
                        </li>
                    </ul>
        </div>
        <div class="center">
            <div class="banner">
                    <div class="pot">
                            <ul>
                                <li></li>
                                <li></li>
                                <li></li>
                                <li></li>
                                <li></li>
                                <li></li>
                                <li></li>
                                <li></li>
                            </ul>
                        </div>
                        <div class="arrow-left iconfont icon-fanhui"></div>
                        <div class="arrow-right iconfont icon-gengduo"></div>
                </div>
            <div class="left"><a href=""></a></div>
            <div class="right"><a href=""></a></div>
        </div>
        <div class="userinfo">
            <div class="logininfo">
                <div class="usericon"><a href=""></a></div>
                <div class="welcome">HI,欢迎来到京东！</div>
                <div class="login-btn"><a href="#">登录</a><a href="">注册</a></div>
                <div class="btn">
                    <a href="#">新人福利</a>
                    <a href="#">PLUS会员</a>
                </div>
            </div>
            <div class="news">
                <div class="title">
                    <a href="">促销</a>
                    <i class="line"></i>
                    <a href="">公告</a>
                    <a class="more" href="">更多</a>
                    <span></span>
                </div>
                <div class="new-list">
                    <ul>
                        <li><a href="#">苹果笔记本电脑低至3999</a></li>
                        <li><a href="#">母婴好货领券399减100</a></li>
                        <li><a href="#">居家自营满199减100</a></li>
                        <li><a href="#">万千好物低至1折</a></li>
                    </ul>
                </div>
            </div>
            <div class="life-help">
                <ul>
                    <li><a href="#"><i></i><span>话费</span></a></li>
                    <li><a href="#"><i></i><span>机票</span></a></li>
                    <li><a href="#"><i></i><span>酒店</span></a></li>
                    <li><a href="#"><i></i><span>游戏</span></a></li>
                    <li><a href="#"><i></i><span>企业购</span></a></li>
                    <li><a href="#"><i></i><span>加油卡</span></a></li>
                    <li><a href="#"><i></i><span>电影票</span></a></li>
                    <li><a href="#"><i></i><span>火车票</span></a></li>
                    <li><a href="#"><i></i><span>众筹</span></a></li>
                    <li><a href="#"><i></i><span>理财</span></a></li>
                    <li><a href="#"><i></i><span>礼品卡</span></a></li>
                    <li><a href="#"><i></i><span>白条</span></a></li>
                </ul>
            </div>
        </div>
    </div>
    <div class="seckill w">
        <div class="seckill-title">
            <div class="angle"></div>
            <div class="clock"></div>
            <span class="seckill-name">京东秒杀</span>
            <a href="#">总有你想不到的低价</a>
            <i class="arrow"></i>
            <span class="time">
                <span class="first-text">当前场次</span>
                <span class="hour">01</span>
                <span class="colon1">
                    <i class="up"></i>
                    <i class="down"></i>
                </span>
                <span class="min">14</span>
                <span class="colon2">
                    <i class="up"></i>
                    <i class="down"></i>
                </span>
                <span class="sec">17</span>
                <span class="last-text">后结束抢购</span>
            </span>
        </div>
        <div class="seckill-list">
            <ul>
                <li>
                    <a href="#">
                        <img src="images/月饼.jpg" alt="">
                        <i class="shadow"></i>
                        <span class="name">【京东超市】月饼 稻香村中秋月饼礼盒 福满稻香510g</span>
                        <span class="price">
                            <span class="new">
                                <i class="ico">￥</i>99.00
                            </span>
                            <span class="old">
                                    <i class="ico">￥</i>
                                    <del> 99.00</del>
                                </span>
                        </span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="images/月饼.jpg" alt="">
                        <i class="shadow"></i>
                        <span class="name">【京东超市】月饼 稻香村中秋月饼礼盒 福满稻香510g</span>
                        <span class="price">
                            <span class="new">
                                <i class="ico">￥</i>99.00
                            </span>
                            <span class="old">
                                    <i class="ico">￥</i>
                                    <del> 99.00</del>
                                </span>
                        </span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="images/月饼.jpg" alt="">
                        <i class="shadow"></i>
                        <span class="name">【京东超市】月饼 稻香村中秋月饼礼盒 福满稻香510g</span>
                        <span class="price">
                            <span class="new">
                                <i class="ico">￥</i>99.00
                            </span>
                            <span class="old">
                                    <i class="ico">￥</i>
                                    <del> 99.00</del>
                                </span>
                        </span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="images/月饼.jpg" alt="">
                        <i class="shadow"></i>
                        <span class="name">【京东超市】月饼 稻香村中秋月饼礼盒 福满稻香510g</span>
                        <span class="price">
                            <span class="new">
                                <i class="ico">￥</i>99.00
                            </span>
                            <span class="old">
                                    <i class="ico">￥</i>
                                    <del> 99.00</del>
                                </span>
                        </span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="images/月饼.jpg" alt="">
                        <i class="shadow"></i>
                        <span class="name">【京东超市】月饼 稻香村中秋月饼礼盒 福满稻香510g</span>
                        <span class="price">
                            <span class="new">
                                <i class="ico">￥</i>99.00
                            </span>
                            <span class="old">
                                    <i class="ico">￥</i>
                                    <del> 99.00</del>
                                </span>
                        </span>
                    </a>
                </li>
            </ul>
            <div class="seckill-banner">
                <a href="#">
                    <img src="images/品类秒杀.jpg" alt="">
                    <span class="spot">
                        <i></i>
                        <i></i>
                    </span>
                </a>
            </div>
        </div>
    </div>
    <div class="footer">
        <div class="slogan">
            <div class="inner w">
                <ul>
                    <li>
                        <i class="icon"></i>
                        <span>品类齐全，轻松购物</span>
                    </li>
                    <li><i class="icon"></i>
                        <span>品类齐全，轻松购物</span></li>
                    <li><i class="icon"></i>
                        <span>品类齐全，轻松购物</span></li>
                    <li><i class="icon"></i>
                        <span>品类齐全，轻松购物</span></li>
                </ul>
            </div>
        </div>
        <div class="user-help w">
            <ul>
                <li>购物指南</li>
                <li><a href=""> 购物流程</a></li>
                <li><a href="">会员介绍</a></li>
                <li><a href="">生活旅行</a></li>
                <li><a href="">常见问题</a></li>
                <li><a href="">大家电</a></li>
                <li><a href="">联系客服</a></li>
            </ul>
            <ul>
                <li> 配送方式</li>
                <li><a href=""> 上门自提</a></li>
                <li><a href="">211限时达</a></li>
                <li><a href="">配送服务查询</a></li>
                <li><a href="">配送费收取标准</a></li>
                <li><a href="">海外配送</a></li>
            </ul>
            <ul>
                <li>支付方式</li>
                <li><a href="">货到付款</a></li>
                <li><a href="">在线支付</a></li>
                <li><a href="">分期付款</a></li>
                <li><a href="">邮局汇款</a></li>
                <li><a href="">公司转账</a></li>
            </ul>
            <ul>
                <li>特色服务</li>
                <li><a href=""> 夺宝岛</a></li>
                <li><a href="">DIY装机</a></li>
                <li><a href="">延保服务</a></li>
                <li><a href="">京东E卡</a></li>
                <li><a href="">京东通信</a></li>
                <li><a href="">京东JD+服</a></li>
            </ul>
            <ul>
                <li>售后服务</li>
                <li><a href=""> 售后政策</a></li>
                <li><a href="">价格保护</a></li>
                <li><a href="">退款说明</a></li>
                <li><a href="">返修/退换货</a></li>
                <li><a href="">取消订单</a></li>
            </ul>
            <div class="map">
                <p class="title">京东自营覆盖区县</p>
                <p class="des">京东已向全国2661个区县提供自营配送服务，支持货到付款、POS机刷卡和售后上门服务。</p>
                <p class="more"><a href="" class="iconfont">查看详情&#xf0344;</a></p>
            </div>
        </div>
        <div class="infor w">
            <p class="link">
                <a href="#">关于我们</a>
                <span>|</span>
                <a href="#">联系我们</a>
                <span>|</span>
                <a href="#">联系客服</a>
                <span>|</span>
                <a href="#">合作招商</a>
                <span>|</span>
                <a href="#">商家帮助</a>
                <span>|</span>
                <a href="#">营销中心</a>
                <span>|</span>
                <a href="#">手机京东</a>
                <span>|</span>
                <a href="#">友情链接</a>
                <span>|</span>
                <a href="#">销售联盟</a>
                <span>|</span>
                <a href="#">京东社区</a>
                <span>|</span>
                <a href="#">风险监测</a>
                <span>|</span>
                <a href="#">隐私政策</a>
                <span>|</span>
                <a href="#">京东公益</a>
                <span>|</span>
                <a href="#">English Site</a>
                <span>|</span>
                <a href="#">Media & IR</a>
                <span>|</span>
            </p>
            <p class="copyright">
                <a href="#">京公网安备 11000002000088号</a>
                <span>|</span>
                <a href="#">京ICP证070359号</a>
                <span>|</span>
                <a href="#">互联网药品信息服务资格证编号(京)-经营性-2014-0008</a>
                <span>|</span>
                <a href="#">新出发京零 字第大120007号</a>
            </p>
            <p class="copyright">
                <a href="#">互联网出版许可证编号新出网证(京)字150号</a>
                <span>|</span>
                <a href="#">出版物经营许可证</a>
                <span>|</span>
                <a href="#">网络文化经营许可证京网文[2014]2148-348号</a>
                <span>|</span>
                <a href="#">违法和不良信息举报电话：4006561155</a>
            </p>
            <p class="copyright">
                <a href="#">Copyright ? 2004 - 2017  京东JD.com 版权所有</a>
                <span>|</span>
                <a href="#">消费者维权热线：4006067733经营证照</a>
            </p>
            <p class="copyright">
                <a href="#">京东旗下网站：京东支付</a>
                <span>|</span>
                <a href="#">京东云</a>
            </p>
            <p class="webIcon">
				<a href="#"></a>
				<a href="#"></a>
				<a href="#"></a>
				<a href="#"></a>
				<a href="#"></a>
				<a href="#"></a>
			</p>
        </div>
    </div>


</body>
</html>